Skip to content

Fix mobile overlay not closing on navigation link clicks#1198

Merged
jderochervlk merged 2 commits intovlk/refactor-navigationfrom
copilot/sub-pr-1195
Feb 21, 2026
Merged

Fix mobile overlay not closing on navigation link clicks#1198
jderochervlk merged 2 commits intovlk/refactor-navigationfrom
copilot/sub-pr-1195

Conversation

Copy link
Contributor

Copilot AI commented Feb 18, 2026

The mobile overlay remained open after clicking navigation links because only the Playground link had an onClick handler. Navigation without closing the overlay creates poor UX.

Changes:

  • Added onClick=toggleMobileOverlay to in-app links (Blog, Community, Packages)
  • Added onClick=closeMobileOverlay to external links (X, Bluesky, GitHub, Forum)
// Before
<Link to=#"/blog" className={...}>
  {React.string("Blog")}
</Link>

// After
<Link to=#"/blog" className={...} onClick=toggleMobileOverlay>
  {React.string("Blog")}
</Link>

External links use closeMobileOverlay instead of toggleMobileOverlay since they navigate away from the app.


💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Co-authored-by: jderochervlk <60623931+jderochervlk@users.noreply.github.com>
Copilot AI changed the title [WIP] Update navbar based on review feedback from PR #1195 Fix mobile overlay not closing on navigation link clicks Feb 18, 2026
Copilot AI requested a review from jderochervlk February 18, 2026 18:54
@jderochervlk jderochervlk marked this pull request as ready for review February 21, 2026 14:09
@jderochervlk jderochervlk merged commit 588fc92 into vlk/refactor-navigation Feb 21, 2026
3 of 5 checks passed
@jderochervlk jderochervlk deleted the copilot/sub-pr-1195 branch February 21, 2026 14:09
jderochervlk added a commit that referenced this pull request Feb 28, 2026
* refactor: refactoring navbars

* making progress on the nav

* scrolling works again

* refactoring

* mobile overlay works

* tests are passing

* done with mobile overlay

* screenshots

* removing top padding

* fix playground

* remove unused open

* fix issue with homepage reloading nonstop

* restor mdx route

* remove dummy page

* fixing docs

* fix syntax lookup

* remove build errors and warnings

* commit screenshot changes

* chore: update vitest screenshots [skip ci]

* remove unused values

* remove unused file

* tidying up

* fix version dropdown

* Update src/components/Search.res

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Update src/components/BreadCrumbs.res

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Fix mobile overlay not closing on navigation link clicks (#1198)

* Initial plan

* Add onClick handlers to close mobile overlay for all navigation links

Co-authored-by: jderochervlk <60623931+jderochervlk@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: jderochervlk <60623931+jderochervlk@users.noreply.github.com>

* PR feedback.

* PR feedback

* cleanup

* Fix sidebar scrolling when it shouldn't

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <198982749+Copilot@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants